<template>
  <a-drawer
    :visible="isShow"
    v-bind="$attrs"
    :get-container="false"
    :wrap-style="{ position: 'absolute' }"
    @close="onClose"
    :mask="false"
  >
    <p>Some contents...</p>
  </a-drawer>
</template>

<script>
export default {
  name: 'MapResource',
  props: {
    visible: {
      type: Boolean
    }
  },
  data () {
    return {
      isShow: this.visible || true
    }
  },
  methods: {
    onClose () {
      this.isShow = false
    }
  }
}

</script>

<style>
</style>
